
// 健康体检
.upshadow{
    padding:40px 0;
    width: 980px;
    height: 600px;
    overflow: auto;
    background: #fff;
    .x{
        width:24px;
        height: 24px;
        background: url(../../dist/img/3icon05.png);
        background-size: cover;
        position: absolute;
        z-index: 999;
        right: 20px;
        top:20px;
    }
    .block{
        .t{
            height: 40px;
            padding:13px 16px;
            background:rgba(250,250,250,1);
            .a{
                display: block;
                width: 14px;
                height: 14px;
                margin-right: 16px;
            }
        }
       
        .xq{
            padding:20px;
            .w{
                text-indent:20px;
                line-height: 30px;
            }
        }
    }
    .block:nth-of-type(1) .a{
        background-image: url(../img/login/b1.png);
        background-size: cover;
    }
    .block:nth-of-type(2) .a{
        background-image: url(../img/login/b2.png);
        background-size: cover;
    }
    .block:nth-of-type(3) .a{
        background-image: url(../img/login/b3.png);
        background-size: cover;
    }
    .block:nth-of-type(4) .a{
        background-image: url(../img/login/b4.png);
        background-size: cover;
    }
    .block:nth-of-type(5) .a{
        background-image: url(../img/login/b5.png);
        background-size: cover;
    }
}
.main{
    .type{
        width:100%;
        box-sizing: border-box;
        border:1px solid #e5e5e5;
        background: #fff;
        border-radius: 10px;
        height: 180px;
        padding:16px 0;
        display: flex;
        // cursor: pointer;
        li{
            width:222px;
            height: 147px;
            box-sizing: border-box;
            margin-left:20px;
            border:1px solid #e5e5e5;
            position: relative;
            background-size: cover;
            &.active{
                border:1px solid #1f66d0;
                }
            p{
                position: absolute;
                height: 33px;
                width:100%;
                bottom: 0;
                text-align: center;
                line-height: 33px;
                font-size: 15px;
                color: #333333
            }
            
        }
        li:nth-of-type(1){
            margin-left:16px;
        }
    }
    .content{

        .title1{
            height:42px;
            margin: 10px 0;
            width:100%;
            background: #f1f1f1;
            padding-left:16px;
            box-sizing: border-box;
            line-height: 42px;
            font-size: 14px;
            color: #666666;
            
            border-radius: 10px;
        }
        ul{
            li{
                box-sizing: border-box;
                width:100%;
                border:1px solid #e5e5e5;
                padding:17px;
                border-radius: 10px;
                display: flex;
                margin-bottom: 8px;
                .left{
                    flex: 1;
                    .first{
                        font-size: 14px;
                        color: #1f66d0;
                        line-height: 1;
                        padding-left:16px;
                        border-left:4px solid #1f66d0;
                        display: block;
                    }
                    .second{
                        display: block;
                        box-sizing: border-box;
                        padding-left:19px;
                        display: flex;
                        margin-top:15px;
                        img{
                            width: 15px;
                            height: 15px;
                            display: block;
                            background-size: cover;
                            margin-right:10px; 
                        }
                        i{
                            display: block;
                            
                            font-style:normal;
                            font-size: 14px;
                            line-height: 15px;
                            color: #666;
                        }
                    }
                }
                .right{
                    width: 98px;
                    position: relative;
                    span{
                        // cursor: pointer;
                        position: absolute;
                        display: block;
                        background: #71d1ff;
                        border-radius: 5px;
                        bottom:0;
                        width: 98px;
                        height: 33px; 
                        font-size: 14px;
                        color: #fff;
                        line-height: 33px;
                        text-align: center  
                    }
                }
            }
        }
        .btn{
            width: 100%;
            height: 33px;
            box-sizing: border-box;
            padding-right:20px;
            margin-top:20px;
            // cursor: pointer;
            span{
                &.on{
                    background: #e5e5e5;
                    border:1px solid #e5e5e5;   

                }
                display: block;
                font-size:13px;
                float:right;
                width:98px;
                height: 33px;
                color: #fff;
                text-align: center;
                line-height: 33px;
                background: #65b2f8;
                border-radius: 5px;
                margin-left:8px;
            }
            .word{
                width: 64px;
                color: #333;
                background: #fff;
            }
        }
    }

    }

// @media screen and (min-width: 1400px){
// .main{
//     .type{
//         width:100%;
//         cursor: pointer;
//         box-sizing: border-box;
//         border:1px solid #e5e5e5;
//         background: #fff;
//         border-radius: 10px;
//         height: 220px;
//         padding:20px 0;
//         display: flex;
//         li{
//             width:272px;
//             height: 180px;
//             box-sizing: border-box;
//             margin-left:24px;
//             border:1px solid #e5e5e5;
//             position: relative;
//             background-size: cover;
//             &.active{
//                 border:1px solid #1f66d0;
//               }
//             p{
//                 position: absolute;
//                 height: 40px;
//                 width:100%;
//                 bottom: 0;
//                 text-align: center;
//                 line-height: 40px;
//                 font-size: 16px;
//                 color: #333333
//             }
           
//         }
//     }
//     .content{

//         .title1{
//             height:60px;
//             margin: 10px 0;
//             width:100%;
//             background: #f1f1f1;
//             padding-left:20px;
//             box-sizing: border-box;
//             line-height: 60px;
//             font-size: 16px;
//             color: #666666;
           
//             border-radius: 10px;
//         }
//         ul{
//             li{
//                 box-sizing: border-box;
//                 width:100%;
//                 border:1px solid #e5e5e5;
//                 padding:20px;
//                 border-radius: 10px;
//                 display: flex;
//                 margin-bottom: 10px;
//                 .left{
//                    flex: 1;
//                    .first{
//                         font-size: 16px;
//                         color: #1f66d0;
//                         line-height: 1;
//                         padding-left:20px;
//                         border-left:4px solid #1f66d0;
//                         display: block;
//                    }
//                    .second{
//                         display: block;
//                         box-sizing: border-box;
//                         padding-left:24px;
//                         display: flex;
//                         margin-top:20px;
//                         img{
//                             width: 18px;
//                             height: 18px;
//                             display: block;
                           
//                             margin-right:10px; 
//                       }
//                       i{
//                           display: block;
//                          font-style:normal;
//                           font-size: 14px;
//                           line-height: 18px;
//                           color: #666;
//                       }
//                    }
//                 }
//                 .right{
//                     width: 120px;
//                     position: relative;
//                     span{
//                         display: block;
//                         position: absolute;
//                         background: #71d1ff;
//                         border-radius: 10px;
//                         bottom:0;
//                         width: 120px;
//                         height: 40px; 
//                         font-size: 16px;
//                         color: #fff;
//                         line-height: 40px;
//                         text-align: center  
//                     }
//                 }
//             }
//         }
//         .btn{
//             width: 100%;
//             height: 40px;
//             box-sizing: border-box;
//             padding-right:20px;
//             margin-top:20px;
//             span{
//                 display: block;
//                 font-size:16px;
//                 float:right;
//                 width:120px;
//                 height: 40px;
//                 color: #fff;
//                 text-align: center;
//                 line-height: 40px;
//                 background: #65b2f8;
//                 border-radius: 10px;
//                 margin-left:10px;
//             }
//         }
//     }

//     }
// }